import { createApp } from "vue";
import App from "./App.vue";

import router from "./router";
import lxxUi from "../packages/index";
import hljs from "highlight.js";
import "highlight.js/styles/color-brewer.css";
import "../src/assets/tailwindcss.css";

const app = createApp(App);
app.use(router);
app.use(lxxUi);

app.directive("highlight", function (el) {
  const blocks = el.querySelectorAll("pre code");
  blocks.forEach((block) => {
    hljs.highlightBlock(block);
  });
});
app.mount("#app");
